<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>按时间搜索记录搜索页</title>
    <link rel="stylesheet" th:href="@{/res/css/amazeui.min.css}" />
    <link rel="stylesheet" th:href="@{/res/css/admin.css}" />
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>

</head>
<body>
<div class="admin-content-body">
    <div class="am-cf am-padding am-padding-bottom-0">
        <div class="am-fl am-cf"><strong class="am-text-primary am-text-lg">按时间查询记录</strong><small></small></div>
    </div>

    <hr>

    <div class="am-g">
        <div class="am-u-sm-12 am-u-md-3">

        </div>
        <form action="/memberScheduling/searchPeriodBeginCourses">
            <div class="am-u-sm-12 am-u-md-3">
                <div class="am-input-group am-input-group-sm">
                    <label for="startTime">开始日期（当日凌晨0点开始）</label>
                    <input type="date" id="startTime" class="am-form-field" name="startTime">
                    <label for="endTime">截止日期（当日半夜24点结束）</label>
                    <input type="date" id="endTime" class="am-form-field" name="endTime">
                    <span class="am-input-group-btn">
            				<button class="am-btn am-btn-default" type="submit">按时间搜索</button>
							</span>
                </div>
            </div>
        </form>

    </div>
    <div class="am-g">
        <div class="am-u-sm-12 am-u-md-3">

        </div>
        <div>
            从
            <span th:text="${startTime}"></span>
            截至至
            <span th:text="${endTime}"></span>
            一共上课
            <span style="font-size: 20px;color: red"  th:text="${beginCourseTimes}"></span>
            节,一共买课
            <span style="font-size: 20px;color: red" th:text="${buyCourseTimes}"></span>
            节
        </div>
    </div>
    <div class="am-g pre-scrollable" style="position:relative; height:700px; overflow:auto">
        <div class="am-u-sm-12">
            <form class="am-form">
                <table class="am-table am-table-striped am-table-hover table-main">
                    <thead>
                    <tr>
                        <th class="table-title">用户名</th>
                        <th class="table-title">操作</th>
                        <th class="table-type">多少次课程</th>
                        <th class="table-author am-hide-sm-only">操作后剩余课程</th>
                        <th class="table-date am-hide-sm-only">日期</th>
                    </tr>
                    </thead>
                    <div >
                        <tbody>
                        <tr th:each="operate:${periodOperate}">
                            <td th:text="${operate.memberName}"></td>
                            <td th:text="${operate.operateType}"></td>
                            <td th:text="${operate.timesChange}"></td>
                            <td th:text="${operate.leftTimes}"></td>
                            <td th:text="${operate.currentTime}"></td>
                        </tr>
                        </tbody>
                    </div>

                </table>
            </form>
        </div>
    </div>
</div>
</body>
</html>